<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
    width=device-width,initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="assets/style-pho/css.css">
    <link rel="stylesheet" href="assets/style-pho/all.css">
    <link rel="stylesheet" href="assets/style-pho/shangwuhezuo.css">
    <script src="assets/lib/jquery-3.4.1.min.js"></script>
    <title>Document</title>
</head>

<body style="margin:-3px; padding: 0px 0x 10px 0px;">
    <!-- 滚动条问题在下面出现 ↓
        1.不是盒子宽度过大问题
    -->

    <!-- <div class="wenti-box"> -->
    <!-- 第一部分 -->
    <div class="main1">
        <!-- 菜单栏页面 -->
        <div class="menua" style="width: 101%;">
            <!-- 关闭按钮 -->
            <p>
                <a class="close" style="margin-left: 90%;"></a>
            </p>
            <div>
                {dede:include filename="nav-pho.htm"/}
            </div>
        </div>

        <div class="swhz-banner">
            <!-- 展开按钮 -->
            <div class="nav">
                <img src="assets/images-pho/Logo.png" width="52px" height="20px" />
                <a class="menu"></a>
            </div>

            <!-- 网站头部 -->
            <div class="top">
                <div class="swhz-top-font">
                    简约的设计理念<br> 简洁的客户对接
                </div>
                <p class="swhz-introduce">J-UI是杭州筱宇科技旗下的UI设计品牌，我们为企业提供高性价比、专业、放心的互联网产品用户体验方案，J的寓意为“简“，简约的设计理念，简捷的客户对接，大道至简，用最简单的方式将信息传递给客户。</p>
            </div>
        </div>
    </div>



    <!-- 第二部分 -->
    <div class="swhz-main2">
        <p class="title">您的UI有这些问题吗？</p>
        <ul>
            <li>设计理念落伍</li>
            <p>还在沿用多年前的设计手法，难以赶上市场的变化。</p>
            <li>正确却不出彩</li>
            <p>设计得中规中矩，缺乏细节打磨与视觉包装，没有吸引力。</p>
            <li>设计缺乏产品特征</li>
            <p>一味得参考其它的产品设计，忽略了自身的产品特征，导致千篇一律。</p>
            <li>不符合用户习惯</li>
            <p>还在沿用多年前的设计手法，难以赶上市场的变化。</p>
            <li>设计执行困难</li>
            <p>知道什么样的设计好，也希望和同类产品一较高下，但缺乏设计方法，无从下手。</p>
            <li>未持续优化</li>
            <p>未根据市场需求与用户口味调整设计，导致产品更新迭代困难。</p>
        </ul>
    </div>
    <!-- </div> -->
    <!-- 第三部分 -->
    <div class="swhz-main3">
        <div class="title">
            <p>COOPERATION PROCESS</p>
            <div><span class="line left-l"></span>合作流程<span class="line right-l"></span></div>
            <ul class="hezuo-1">
                <li>
                    <div>
                        <img src="assets/images-pho/hz1.png" alt="">
                    </div>
                    <span>1-需求沟通</span>
                </li>
                <li>
                    <div>
                        <img src="assets/images-pho/hz2.png" alt="">
                    </div>
                    <span>2-签订合同</span>
                </li>
                <li>
                    <div>
                        <img src="assets/images-pho/hz3.png" alt="">
                    </div>
                    <span>3-方案创作</span>
                </li>
                <li>
                    <div>
                        <img src="assets/images-pho/hz4.png" alt="">
                    </div>
                    <span>4-意见反馈</span>
                </li>
                <li>
                    <div>
                        <img src="assets/images-pho/hz5.png" alt="">

                    </div>
                    <span>5-方案完善</span>
                </li>
                <li>
                    <div>
                        <img src="assets/images-pho/hz6.png" alt="">
                    </div>
                    <span>6-方案交付</span>
                </li>
                <li>
                    <div>
                        <img src="assets/images-pho/hz7.png" alt="">
                    </div>
                    <span>7-售后跟踪</span>
                </li>
            </ul>
        </div>
    </div>
    <!-- </div> -->
    {dede:include filename="footer-pho.htm"/}



    <script>
        $(document).ready(function() {

            $(window).scroll(function() {
                console.log(123);
            });
        });
        // $('.main1').width($(window).width());
        // $('.main1').height($(window).height()); 不适用JS也有更好的方法

        // $('.menup').width($(window).width());
        // $('.menup').height($(window).height());

        $('.menu').click(function() {
            // alert(123);
            $('.menua').css("z-index", "2");
            $('body').css('overflow', 'hidden'); //禁止滚动
            $(this).css('visibility', 'hidden'); //禁止滚动


        });
        $('.menua').click(function() {
            $('.menua').css("z-index", "-1");
            $('.menua ul').css("z-index", "-1");
            $('body').css('overflow', 'auto'); //允许滚动
            $('.menu').css('visibility', 'visible'); //禁止滚动

        });
    </script>
</body>

</html>